<template>
<div class="wai">
        <!-- 安踏儿童 -->
        <img src="https://img.fishfay.com/theme/images/antacom/antakids/meeting-bg-20191024.jpg" alt="">
        
        <div class="akcon">
            <div class="aktop">
                <router-link to="/antakids/introduction" id="xuanxiang" >
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-introduction-g.svg" alt="">
                                     
                    <span class="mingzi">品牌介绍</span>
                </router-link>
                <router-link to="/antakids/spokesperson" 
                
                id="xuanxiang">
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-spokesperson-g.svg" alt="">
                    
                    <span class="mingzi">品牌代言人</span>
                </router-link>
                <router-link to="/antakids/equipment" id="xuanxiang">                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-equipment-g.svg" alt="">
                    <span class="mingzi">运动装备</span>
                </router-link>
                <router-link to="/antakids/technology" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-technology-g.svg" alt="">
                    <span class="mingzi">运动科技</span>
                </router-link>
                <router-link to="/antakids/starproduct" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-starproduct-g.svg" alt="">
                    <span class="mingzi">纽约时装周</span>
                </router-link>
                <router-link to="/antakids/cooperation" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-cooperation-g.svg" alt="">
                    <span class="mingzi">跨界合作</span>
                </router-link>
                <router-link to="/antakids/terminal" id="xuanxiang"
                >
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-terminal-g.svg" alt="">
                    <span class="mingzi">终端形象</span>
                </router-link>
                <router-link to="/antakids/meeting" id="xuanxiang" class="akcur"
               >
                    <img  id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-meeting-o.svg" alt="">
                    <span class="mingzi">顽运会</span>
                </router-link>
                
            </div>
            <div class="akbody">
                <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-01.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-01.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-02.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-02.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-03.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-03.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-04.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-04.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-05.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-05.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-06.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-06.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-07.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-07.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-08.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-08.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-09.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-09.jpg"></p>
        <p class="center lh0"><img class="loading" original="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-10.jpg" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/meet-10.jpg"></p>

            </div>
        </div>
        
        
    </div>

</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>

*{
    box-sizing: border-box;
}
.wai{
    background-color: black;
    padding-bottom: 130px;
}
.wai>img{
    margin: 0 auto;
    display: block;
}
.akcon{
    background-color: #fff;
    width: 1200px;
    // height: 900px;
    margin: -120px auto 0 ;
    z-index: 2; 
    position: relative;
    padding: 55px;
}   

#akpic{
    width: 60px;
    height: 60px;
    margin: 10px 27.5px;
}
.aktop{
    display: flex;
    height: 210px;
    margin: 0 auto;
    justify-content: space-between;
}
.mingzi{
    display: block;
    color: #333;
    padding: 10px;
}
#xuanxiang{
    margin: 0 10px 10px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    font: normal 14px "微软雅黑",Arial,sans-serif;
    
}
.mingzi{
    margin: 0 auto;
}
.akcur{box-shadow: 0 0 4px #ddd;
       >span{
           color: black;
           font-weight: bold;} 
    }
.akbody{
    padding: 10px 45px;
    color: #666;
    font-size: 15px;
    line-height: 30px;
}
a{
    text-decoration: none;
}

.akbody>p{
    margin: 0;
    padding: 0;
    line-height: 0;
    text-align: center;
    >img{
        margin: 0;
        padding: 0;
    }
}

</style>